<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>CSS icon set -- by Wenting Zhang</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>

<body>
	<div class="iconWrapper">
	    <div class="search filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="search filled plusI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="search filled minusI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="trash filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="audio filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="pin filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="chat filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="stop filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock filled h3 m0 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock filled h3 m30 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock filled h9 m0 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock filled h9 m30 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="profile filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar3 filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar2 filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar filled checkI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar filled removeI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar filled contact icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar filled paragraph icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="bell filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="heart filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="print filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="edit filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mail filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bookmark filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="camera filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="card filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="lock filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="lock unlocked filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumeMute icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumeOne icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumeTwo icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumeThree icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumePlus icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumeMinus icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="flag filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tag filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="moon filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="sun filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="raindrop filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="umbrella filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="thermometer filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="key filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="key2 filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="pilcrow filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="eye filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="eye filled2 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="eye filled3 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery filled batteryOne icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery filled batteryTwo icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery filled batteryThree icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bag filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bag filled2 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bag filled3 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="browser filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tv filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="laptop filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mobile filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tablet filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="picture filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="watch filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="target filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="navigate icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="float filled icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud filled icon"><i class="downArrow"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud filled icon"><i class="upArrow"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="more filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="vmore filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mouse filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="keyboard filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled smile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled tongue icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled doublewink smile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled laugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled teethlaugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled bigsmile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled doublewink bigsmile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled sad icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled doublewink sad icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle plusI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle minusI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle checkI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle removeI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square plusI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square minusI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square checkI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square removeI filled icon"></div>
	</div>
</body>

</html>
